.go-back{ text-align: center; border-top: 1px dashed #ccc; padding: 10px; margin-top: 20px; font-size: 40px; }
.wrapper{ border: 1px solid #e6e6e6; padding: 50px; }
.black_overlay{ position: fixed; z-index: 1000; width: 100%; height: 100%; top: 0; left: 0; filter: alpha(opacity = 80); opacity: 0.8; overflow: hidden; background: #000000; }
*html .black_overlay{ position: absolute; left: expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth); top: expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight); }
*html { background:url(*) fixed; }
*html body { margin:0; height:100%; }
.white_content{ display: none; position: absolute; left: 31.65%; border-bottom: none; z-index: 1002; }
.white_content a{ display: block; height: 30px; width: 30px; }
.close{ background: url(../images/del.png) no-repeat; color: #FFFFFF; border-radius: 50%; line-height: 50px; text-align: center; height: 30px; width: 30px; font-size: 40px; padding: 1px; top: -3px; right: -18px; position: absolute ; }
#light1{ top: 0px; left: 300px; width: 654px; height: 428px; }
#light2{ top: 0px; left: 350px; width: 544px; height: 960px; }
#light3{ top: 0px; left: 350px; width: 544px; height: 960px; }
.go{ width: 75px; height: 75px; display: block; }
.con{ width: 75px; height: 75px; background-color: rgba(0,0,0,0.3); border-radius: 50%; position: relative; top: 200px; left: 200px; }
.con:hover{ background-color: rgba(0,0,0,0.6); }

@keyframes  warn{
	0%{ transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.0; }
	25%{ transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; }
	50%{ transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.3; }
	75%{ transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0.5; }
	100%{ transform: scale(1); -webkit-transform: scale(1); opacity: 0.0; }
}

@keyframes warn1{
	0%{ transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.0; }
	25%{ transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.1; }
	50%{ transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.3; }
	75%{ transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.5; }
	100%{ transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0.0; }
}

.container{ position: relative; width: 120px; height: 120px; left: 10px; top: 10px; }
/* 保持大小不变的小圆点 */
.dot{ position: absolute; width: 7px; height: 7px; left: 134px; top: 134px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border: 1px solid #33ccff; border-radius: 50%; background-color: #33ccff; z-index: 2; }
/* 产生动画（向外扩散变大）的圆圈 第一个圆 */
.pulse{ position: absolute; width: 200px; height: 200px; left: 280px; top: 99px; border: 1px solid #FFFFFF;
 -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 1; opacity: 0; 
 -webkit-animation: warn 2s ease-out; -moz-animation: wran 2s ease-out; animation: warn 2s ease-out; 
 -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite;
 box-shadow: 1px 1px 30px #FFFFFF; }
.pulse1{ position: absolute; width: 200px; height: 200px; left: 280px; top: 99px; border: 1px solid #FFFFFF;
 -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 1; opacity: 0; 
 -webkit-animation: warn1 2s ease-out; -moz-animation: warn1 2s ease-out; animation: warn1 2s ease-out;
 -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite;
 box-shadow: 1px 1px 30px #FFFFFF;
 }